@CHARSET "UTF-8";

.port_list_items
{
	background-image:url("katari.jpg");
	
	width:1550px;
	height:1000px;	
	position:absolute;
	top:0px;
	left:0px;	
	clear:both;
	
}
#portView
{
	border:1px solid #c0c0c0;
	width:1500px;
	height:850px;
	
	top:50px;
	z-index:2;
	position: relative;
	background-image:url("katari.jpg");
	align:center;
	color:#ffffff;
	text-shadow:8px 8px 2px #808080;
	overflow:scroll;
	background-position:'center';
	box-shadow:10px 10px 10px #c0c0c0;
	margin: 0 auto;
	
}
#port_list33{
	width:200px;
	height:180px;
	
	position: absolute;
	margin:30px;
	padding:10px;
	float:left;
	display:inline;
	z-index:1;	
}

#port_list0,#port_list1,#port_list2,#port_list3,#port_list4,#port_list5,#port_list6,#port_list7
{
	
	width:200px;
	height:180px;
	
	position: absolute;
	margin:30px;
	padding:10px;
	float:left;
	display:inline;
	z-index:1;	
	
	
}

/* #port_list0,#port_list1,#port_list2,#port_list3,#port_list4,#port_list5,#port_list6,#port_list7:hover */
/* { */
/* 	color:#ffffff; */
	
	
/* 	transform:scale(1,1); */
	
/* 	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s, scale 2s; */
/* } */
#port_list0
{
	left:500px;
	top:200px;
	
	
}

/* #port_list0:hover */
/* { */
/* 	left:500px; */
/* 	top:200px; */
	
/* 	transform:scale(3,3); */
/* 	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s, scale 1s; */
/* } */

#port_list1
{	
	left:755px;
	top:200px;
	
	
	
	transform:scale(1,1);
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s,;
}

/* #port_list1:hover */
/* {	 */
/* 	left:755px; */
/* 	top:200px; */
	
	
	
/* 	transform:scale(3,3); */
/* 	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s, ; */
/* } */

#port_list2
{
	left:1000px;
	top:200px;	
	
	
}

#port_list2:hover
{
	left:1000px;
	top:200px;	
	
	transform:rotate(100deg);
	
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s, scale 2s, ;	
}


#port_list3
{
	left:1250px;
	top:200px;
	
	transform:box-shadow:10px 10px 10px #000000;
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s, box-shadow 1s;	
}

#port_list3:hover
{
	left:1250px;
	top:200px;
	
	transform:box-shadow:10px 10px 10px #000000;
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s, box-shadow 1s;	
}




#port_list4
{
	left:500px;
	top:450px;
	
	transform:box-shadow:10px 10px 10px #000000;
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s;
}


#port_list5
{
	left:755px;
	top:450px;
	
	transform:rotate(0deg);
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s;
}


#port_list6
{
	left:1000px;
	top:450px;
	
	transform:rotate(0deg);
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s;
}


#port_list7
{
	left:1250px;
	top:450px;
	
	transform:rotate(0deg);
	
	-webkit-transition:transform 1s, opacity 1s, background 1s, rotate 1s, height 1s;
}


